{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="{% static 'js/echarts.min.js' %}"></script>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/app.css' %}" rel="stylesheet" type="text/css">
    <title>title</title>
</head>
<body class="container">
<div class="row">
    <div class="col-lg-8">
        <h2>客户端性能</h2>
    </div>
</div>
<div class="row">
    <div class="col-lg-6">
        <div class="col-lg-3">
            <div class="device" style="margin-bottom: 10px;">
                <button class="btn btn-info" id="devices" onclick="cdevice();">连接设备</button>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="device" style="margin-bottom: 10px;">
                <select class="form-control" id="device-label">
                    <option value="">设&emsp;备</option>
                    {% for k,v in devicedata.items %}
                        <option value="{{ k }}">{{ v }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="begin" style="margin-bottom: 10px">
                <button class="btn btn-info" id="begin" onclick="begin();">开始</button>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="begin" style="margin-bottom: 10px">
                <button class="btn btn-info" id="begin" onclick="end();">结束</button>
            </div>
        </div>
        <diV class="packages">
            <select class="form-control" id="packagesname">
                <option value="">包&emsp;名</option>
                {% for k,v in devices.items %}
                    <option value="{{ k }}" >{{ v }}</option>
                {% endfor %}
            </select>
        </diV>
    </div>
</div>
<div class="row">
    <div class="col-lg-6">
        <div class="memory" id="memory">
        </div>
    </div>
    <div class="col-lg-6">
        <div class="cpuinfo" id="cpu">
        </div>
    </div>
</div>

</body>

<script src="{% static 'js/chart.js' %}"></script>

</html>